<template>
  <div>
 <!-- <UseDark v-slot="{ isDark, toggleDark }">
    <button @click="toggleDark()">
      aa: {{ isDark }}
    </button>
  </UseDark> -->
  </div>
</template>

<script setup>
import { useDark, useToggle } from '@vueuse/core'

const isDark = useDark()
const toggleDark = useToggle(isDark)
</script>

<style lang="scss" scoped>

</style>